@media (max-width: 768px) {

    .header,
    .banner,
    .web,
    .sort,
    .weixin,
    .anli,
    .footer,
    .about {
        display: none;
    }

    .header-m,
    .sort-m,
    .banner-m,
    .weixin-m,
    .web-m,
    .footer-m,
    .anli-m,
    .about-m {
        display: block;
    }
}

@media (min-width: 768px) {

    .header,
    .banner,
    .web,
    .sort,
    .weixin,
    .anli,
    .footer,
    .about {
        display: block;
    }

    .header-m,
    .sort-m,
    .banner-m,
    .weixin-m,
    .web-m,
    .footer-m,
    .anli-m,
    .about-m {
        display: none;
    }
}


/* 顶部移动端 */
/* 引入了 */

/* banner-m */
.banner-m {
    width: 100%;
    margin-bottom: 0px;
}

.banner-m .layui-carousel img {
    width: 100%;
    height: 153px;
}

/*sort-m */
.sort-m .con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 336px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 15px 30px -20px #888888;
    padding: 0 0 30px 0;
}

.sort-m .one {
    width: 168px;
    height: 157px;
    text-align: center;
    color: #6f6f6f;
}

.sort-m .one img {
    display: block;
    margin: 43px auto 0;
    width: 50px;
    height: 50px;
}

.sort-m .one .title {
    display: block;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 20px;

}

.sort-m .one p {
    font-size: 14px;
    line-height: 26px;
}

/* 微信 */
.weixin-m {
    width: 337px;
    margin: 0 auto;
    padding: 100px 0 0 0;
    text-align: center;
}

.weixin-m .img img {
    width: 337px;
}

.weixin-m .left h2 {
    color: #242424;
    font-size: 30px;
    font-weight: 900;
}

.weixin-m .left p {
    color: #605b5b;
    margin-top: 20px;
    line-height: 24px;
}

.weixin-m .left h3 {
    display: block;
    color: #363636;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 15px;
}

.weixin-m .left table td {
    width: 165px;
    text-align: center;
    color: #605b5b;
    font-weight: bold;
    height: 37px;
}

/* 网页开发 */

.web-m {
    width: 337px;
    margin: 0 auto;
    padding: 100px 0 0 0;
    text-align: center;
}

.web-m .img img {
    width: 337px;
}

.web-m .left h2 {
    color: #242424;
    font-size: 30px;
    font-weight: 900;
}

.web-m .left p {
    color: #605b5b;
    margin-top: 20px;
    line-height: 24px;
}

.web-m .left h3 {
    display: block;
    color: #363636;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 15px;
}

.web-m .left table td {
    width: 165px;
    text-align: center;
    color: #605b5b;
    font-weight: bold;
    height: 37px;
}

/* 案例 */
.anli-m .text .title {
    text-align: center;
    margin-top: 75px;
}

.anli-m .text .title h4 {
    font-weight: 900;
    font-size: 24px;
    color: #494949;
}

.anli-m .text .title p {
    font-size: 14px;
    color: #c3c3c3;
}

.anli-m .text .fenlei {
    width: 350px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 30px;
}

.anli-m .fenlei li {
    width: 73px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

.anli-m .fenlei .act {
    color: #fff;
    background-color: #1073d8;
}

.anli-m .item {
    width: 355px;
    margin: 30px auto;
    overflow: hidden;
}

.anli-m .item .kapian {
    width: 1480px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    left: 0;
    top: 0;
    transition: .6s;
}

.anli-m .item .kapian .one {
    width: 355px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #eee;
    padding: 0 0 20px 0;
}

.anli-m .item .kapian .one img {
    width: 355px;
}

.anli-m .item .kapian .one h4 {
    display: block;
    margin-top: 19px;
    font-size: 16px;
    font-weight: bolder;
    color: #555555;
}

.anli-m .item .kapian .one p {
    line-height: 24px;
    color: #b3b3b3;
}

.anli-m .zuoyou {
    width: 80px;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
    color: #c7c7c7;
}

.anli-m .zuoyou li {
    width: 33px;
    height: 33px;
    border-radius: 33px;
    border: 1px solid #c7c7c7;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}

.anli-m .zuoyou li:first-child {
    text-indent: -4px;
}

.anli-m .zuoyou li:last-child {
    text-indent: 4px;
}

.anli-m .zuoyou li:hover {
    background-color: #1073D8;
    color: azure;
    border: 1px solid #1073D8;
}

.anli-m .zuoyou .active {
    background-color: #1073D8;
    color: azure;
    border: 1px solid #1073D8;
}

/* 关于我们 */
.about-m {
    text-align: center;
}

.about-m .title .one {
    font-weight: bolder;
    font-size: 24px;
    color: #494949;
}

.about-m .title .ename {
    font-size: 14px;
    font-weight: normal;
    color: #c3c3c3;
}

.about-m .title .miaoshu {
    font-size: 14px;
    color: #959595;
    line-height: 28px;
    width: 337px;
    margin: 0 auto;
    margin-top: 75px;
}

.about-m .des img {
    width: 337px;
    margin: 30px 0 90px;
}

/* 底部 */
/* 引入了 */


































/* banner区域 */


.banner {
    width: 100%;
    margin-bottom: 0px;
}

.banner .layui-carousel img {
    width: 100%;
}

.sort {
    position: relative;
    width: 1226px;
    height: 204px;
    margin: 0 auto;
    margin-top: -67px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 15px 30px -20px #888888;
}

.sort .one {
    width: 138px;
    text-align: center;
    float: left;
    padding: 0 33.1px;
}
















/* banner下面的分类区域 */

.sort .one img {
    margin-top: 43px;
    width: 50px;
    height: 50px;
}

.sort .one p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #6b6b6b;
    margin-top: 10px;
    width: 150px;
}

.sort .one .title {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #505050;
    margin-top: 24px;
    font-weight: 600;
}









/* 微信公众开发部分 */
.weixin {
    width: 1200px;
    height: 725px;
    /* background-color: wheat; */
    margin: 0 auto;
    overflow: hidden;
}

.weixin .right {
    width: 602px;
    height: 606px;
    background: url(../img/img1/9.png);
    float: right;
    margin-top: 59.5px;
}

.weixin .left {
    float: left;
    margin-top: 180px;
}

.weixin table {
    /* background-color: #fafafa; */
    border-radius: 2px;
    /* border: solid 1px #d1d1d1; */
    border-radius: 2px;
    width: 329px;
    height: 80px;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    color: #605b5b;
    font-size: 14px;
}

.weixin table td {
    border: solid 1px #d1d1d1;
}

.weixin .des {
    width: 476px;
    height: 38px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #605b5b;
    margin-top: 16px;
}

.weixin .title {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #363636;
    margin-top: 40px;
    font-weight: bold;
}











/* 企业网站营销网站 */

.web {
    width: 100%;
    height: 725px;
    background-color: #f9f9f8;

}

.web-c {
    width: 1200px;
    height: 725px;
    margin: 0 auto;
    overflow: hidden;
}

.web .left {
    width: 602px;
    height: 606px;
    background: url(../img/img1/10.png) no-repeat center;
    /* background-size: cover; */
    float: left;
    margin-top: 59.5px;
}

.web .right {
    float: right;
    margin-top: 180px;
}

.web table {
    /* background-color: #fafafa; */
    border-radius: 2px;
    /* border: solid 1px #d1d1d1; */
    border-radius: 2px;
    width: 329px;
    height: 80px;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    color: #605b5b;
    font-size: 14px;
    border-collapse: collapse;
}

.web table td {
    border: solid 1px #d1d1d1;
}

.web .des {
    width: 476px;
    height: 38px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #605b5b;
    margin-top: 16px;
}

.web .title {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #363636;
    margin-top: 40px;
    font-weight: bold;
}










/* 成功案例 */

.anli {
    width: 1200px;
    height: 840px;
    margin: 0 auto;
    margin-top: 144px;
    /* background-color: wheat; */
    overflow: hidden;
}

.anli .text {
    width: 1200px;
    height: 37px;
    float: left;
}

.anli .title {
    height: 31px;
    width: 200px;
    float: left;
}

.anli .text h4 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #494949;
    margin-right: 15px;
    float: left;
    line-height: 37px;
}

.anli .text p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #c3c3c3;
    float: left;
    line-height: 37px;
}

.anli .fenlei ul {
    float: right;
}

.anli .fenlei ul li {
    float: left;
    margin-left: 19px;
    padding: 8px 22px;
    /* background-color: #1073d8; */
    cursor: pointer;
}


.anli ul .act {
    background-color: #1073d8;
    color: white;
}

.anli ul li:hover {
    background-color: #1073d8;
    color: white;
}



.anli .item .one {
    width: 382px;
    height: 289px;
    text-align: center;
    float: left;
    border: solid 1px rgba(207, 207, 207, 0.35);
    margin-top: 20px;
}

.anli .item .ima {
    width: 382px;
    height: 215px;
}

.anli .item h4 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    margin-top: 10px;
    font-weight: 900;
}

.anli .item p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #b3b3b3;
    margin-top: 7px;
}

.anli .item {
    position: relative;
    width: 1200px;

}

.anli .kapian {
    width: 4800px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    position: absolute;
    left: 0;
    top: 30px;
    transition: 1s;
}



.item .zuoyou {
    position: absolute;
    width: 85px;
    height: 31px;
    left: 557px;
    top: 720px;
}

.item .zuoyou .zuo {
    float: left;
    width: 31px;
    height: 31px;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px rgba(215, 215, 215, 0.28);
    border-radius: 15.5px;
    position: relative;
    cursor: pointer;
}

.item .zuoyou .zuo p {
    /* line-height: 31px; */
    color: #c6c6c6;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    left: 6px;
    top: -6px;
}

.item .zuoyou .you {
    float: right;
    width: 31px;
    height: 31px;
    color: #c6c6c6;

    box-shadow: 0px 4px 6px 0px rgba(215, 215, 215, 0.28);
    border-radius: 15.5px;
    position: relative;
    cursor: pointer;
}

.item .zuoyou .you p {
    /* line-height: 31px; */
    color: #c6c6c6;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    left: 8px;
    top: -6px;
}

.item .zuoyou li p {
    text-indent: 1px;
}

.item .zuoyou .active {
    background-color: #1073d8;
}

.item .zuoyou .active p {
    background-color: #1073d8;
    color: #fff;
}

.zuoyou .zuo:hover {
    background-color: #1073d8;
}

.zuoyou .zuo:hover p {
    color: white;
}




















/* 关于我们 */
.about {
    overflow: hidden;
    background-color: #f9f9f8;
}

.about .neirong {
    width: 1200px;
    height: 506px;
    margin: 0 auto;
    overflow: hidden;
}

.about .neirong .title {
    width: 534px;
    height: 300px;
    float: left;
    margin-top: 142px;
}

.about .title .one {
    font-size: 24px;
    letter-spacing: 0px;
    color: #494949;
    font-weight: 600;
}

.about .title .ename {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #c3c3c3;
    margin-left: 16px;
}

.about .title .miaoshu {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #959595;
    margin-top: 50px;
}

.about .neirong .des {
    float: right;
    margin-top: 111px;
}